<%@page import="org.jeecgframework.web.util.StaticValue"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery"></t:base>
<head>
    <script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="plug-in/tools/curdtools_zh-cn.js"></script>
    <script type="text/javascript" src="plug-in/Highcharts-4.2.4/highcharts.js" ></script>
    <script type="text/javascript" src="plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
    <script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js"></script>
    <script type="text/javascript" src="plug-in/My97DatePicker/WdatePicker.js"></script>
    <link rel="stylesheet" href="plug-in/easyui/themes/default/easyui.css" type="text/css"></link>
    <link rel="stylesheet" href="plug-in/easyui/themes/icon.css" type="text/css"></link>
    <link rel="stylesheet" href="plug-in/tools/css/common.css" type="text/css"></link>
<html>
<style type="text/css">
    .tabs-header{background: white;}
</style>
<script type="text/javascript">

    var raData = {};
    $(function () {
        getDeliverTableData(raData);
        initallTpHighChartsOfLine(raData);
    })

    function getDeliverTableData(raData){
        $.ajax({
            url : "cbsDelinerController.do?loadDataAging",
            cache : false,
            async : false,//必须是同步进行，为了获取 初始化 highcharts 数据
            data:raData,
            dataType : 'json',
            type : 'POST',
            success : function(data){

                var attributes =  data.attributes;
               var raData = attributes.deliverAging;
                var html = "";

               $(raData).each(function (i,item) {

                   html+="<tr>";
                   html+="<td >"+item.logistics+"</td><td style='color: blue' onclick=\"onclickDetils('total','"+item.logistics+"')\">"+item.total+"</td><td style='color: blue' onclick=\"onclickDetils('lessOrEqTwf','"+item.logistics+"')\">"+item.lessOrEqTwf+"</td><td style='color: blue' onclick=\"onclickDetils('lessOrEqFoEg','"+item.logistics+"')\">"+item.lessOrEqFoEg+"</td><td style='color: blue' onclick=\"onclickDetils('lessOrEqSenTw','"+item.logistics+"')\">"+item.lessOrEqSenTw+"</td><td style='color: blue' onclick=\"onclickDetils('biggerOrEqSenTw','"+item.logistics+"')\">"+item.biggerOrEqSenTw+"</td><td style='color: blue' onclick=\"onclickDetils('waying','"+item.logistics+"')\">"+item.waying+"</td>";
                   html+="</tr>";
               })

                //初次加载不需要清除
                if($("#tpTable tr").length > 1){
                    $("#tpTable tr:gt(0)").remove();
                }
                $("#tpTable tr:eq(0)").after(html);

            }
        });
    }
    function onclickDetils(type,name) {
        addOneTab('发货管理', 'cbsDelinerController.do?toSelectReportJsp&type='+type+'&name='+name, '');
    }
    function initallTpHighChartsOfLine(raData){
        var data = getCharData(raData);
        $("#container").highcharts({
            credits: {//去水印
                text: '',
                href: ''
            },
            title: {
                text: '物流发货绩效报表',
                x: -20 //center
            },
            xAxis: {
                categories: ['Total', '实际到达＜24H', '实际到达＜48H', '实际到达＜72H', '实际到达＞72H', '在途']
            },
            yAxis: {
                title: {
                    text: ''
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }],
                min: 0,
                tickInterval:1 // 刻度值
            },
            series : data
        });

    }
    function getCharData(raData){
        var data;
        $.ajax({
            url : "cbsDelinerController.do?getCharData",
            async : false,
            data:raData,
            dataType : 'json',
            success : function(result) {
                data = result;
            }
        });
        return data;
    }
    function searchReport() {

        var logticis = $("#logticis").val();
        var sendType = $("#sendType").val();
        var month =  $("#month").val();
        var week = $("#week").val();
        var startTime = $("#startTime").val();
        var endTime = $("#endTime").val();
        if(month!=''&&week!=''){
            tip("月报与周报不能同时选择!");
            return false;
        }
        if(startTime!=''&&month!='' || month!=''&&endTime!='' ){
            tip("发货时间与月报不能同时选择!");
            return false;
        }
        if(startTime!=''&&week!='' || week!=''&&endTime!='' ){
            tip("发货时间与周报不能同时选择!");
            return false;
        }
        raData.logistics = logticis;
        raData.sendType  = sendType;
        raData.month  = month;
        raData.week  = week;
        raData.startTime  = startTime;
        raData.endTime  = endTime;
        initallTpHighChartsOfLine(raData);
        getDeliverTableData(raData);
    }
    function exportReport() {
        var tableData = [];
        $("#tpTable tr").each(function(r,item_r){
            var rowData = [];
            var cell = "";
            if(r == 0){
                cell = "th";
            }else{
                cell = "td";
            }
            $(item_r).find(cell).each(function(c,item_c){
                rowData.push($(item_c).html());
            });
            tableData.push(rowData);
        });
        console.log("tableData---"+tableData);
        var url = "zyInspectionReportController.do?exportIrReport";
        myDownload(url,"tableData="+tableData.join(";")+"&fileName='物流时效报表.xlsx'");
    }

</script>
<head>
    <title>物流发货绩效统计报表</title>
</head>
<body style="padding: 0px;margin: 0px auto;overflow-x: hidden;">
<div class="pad_l_10">
    <table width="100%">
        <tr>
            <td>
                <label class="report_label">通知发货时间:</label>
                <input class="Wdate" style="width: 110px" id="startTime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd '})" />～
                <input class="Wdate" style="width: 110px" id="endTime" onclick="WdatePicker({dateFmt:'yyyy-MM-dd '})"/>

            </td>
            <td>
                <label class="report_label">物流:</label>
                <select id="logticis">
                    <option value="">--请选择物流--</option>
                    <c:forEach items="${tsDeparts}" var="tsDeparts">
                        <option value="${tsDeparts.departname}">${tsDeparts.departname}</option>
                    </c:forEach>
                </select>
            </td>
            <td>
                <label class="report_label">发货类型:</label>
                <select id="sendType">
                    <option value="">--请选择发货类型--</option>
                    <c:forEach items="${tSTypeList}" var="tSTypeList">
                        <option value="${tSTypeList.typecode}">${tSTypeList.typename}</option>
                    </c:forEach>
                </select>
            </td>
            <td>
                <label class="report_label">周报:</label>
                <select   id="week">
                    <option value="">请选择</option>
                    <option value="1">第一周</option>
                    <option value="2">第二周</option>
                    <option value="3">第三周</option>
                    <option value="4">第四周</option>
                    <option value="5">第五周</option>
                    <option value="6">第六周</option>
                    <option value="7">第七周</option>
                    <option value="8">第八周</option>
                    <option value="9">第九周</option>
                    <option value="10">第十周</option>
                    <option value="11">第十一周</option>
                    <option value="12">第十二周</option>
                    <option value="13">第十三周</option>
                    <option value="14">第十四周</option>
                    <option value="15">第十五周</option>
                    <option value="16">第十六周</option>
                    <option value="17">第十七周</option>
                    <option value="18">第十八周</option>
                    <option value="19">第十九周</option>
                    <option value="20">第二十周</option>
                    <option value="21">第二一周</option>
                    <option value="22">第二十二周</option>
                    <option value="23">第二十三周</option>
                    <option value="24">第二十四周</option>
                    <option value="25">第二十五周</option>
                    <option value="26">第二十六周</option>
                    <option value="27">第二十七周</option>
                    <option value="28">第二十八周</option>
                    <option value="29">第二十九周</option>
                    <option value="30">第三十周</option>
                    <option value="31">第三十一周</option>
                    <option value="32">第三十二周</option>
                    <option value="33">第三十三周</option>
                    <option value="34">第三十四周</option>
                    <option value="35">第三十五周</option>
                    <option value="36">第三十六周</option>
                    <option value="37">第三十七周</option>
                    <option value="38">第三十八周</option>
                    <option value="39">第三十九周</option>
                    <option value="40">第四十周</option>
                    <option value="41">第四十一周</option>
                    <option value="42">第四十二周</option>
                    <option value="43">第四十三周</option>
                    <option value="44">第四十四周</option>
                    <option value="45">第四十五周</option>
                    <option value="46">第四十六周</option>
                    <option value="47">第四十七周</option>
                    <option value="48">第四十八周</option>
                    <option value="49">第四十九周</option>
                    <option value="50">第五十周</option>
                    <option value="51">第五十一周</option>
                    <option value="52">第五十二周</option>
                </select>
            </td>
            <td>
                <label class="report_label">月报:</label>
                <select id="month">
                    <option value="">--请选择月份--</option>
                    <option value="01">1月</option>
                    <option value="02">2月</option>
                    <option value="03">3月</option>
                    <option value="04">4月</option>
                    <option value="05">5月</option>
                    <option value="06">6月</option>
                    <option value="07">7月</option>
                    <option value="08">8月</option>
                    <option value="09">9月</option>
                    <option value="10">10月</option>
                    <option value="11">11月</option>
                    <option value="12">12月</option>
                </select>
            </td>
            <td>
                <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="searchReport()">查询</a>
            </td>
        </tr>
    </table>
    <div style="text-align:right; padding-right:10px;">
        <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-putout',plain:'true'" onclick="exportReport()">导出报告</a>
    </div>
    <hr />
    <table id="tpTable" class="report_table">
        <tr>
            <th >物流</th>
            <th >Total</th>
            <th >实际到达＜24H</th>
            <th >实际到达＜48H</th>
            <th >实际到达＜72H</th>
            <th >实际到达＞72H</th>
            <th >在途</th>
        </tr>
    </table>
    <div id="container" style="width: 46%;height:400px;display: inline-block;"></div>
</div>

</body>
</html>
